{% extends "base.html" %}

{% block bodyclass %}dashboard{% endblock %}

{% block userlinks %} / <a href="#" onclick="show_settings();">settings</a>{% endblock %}

{% block sidebar %}

<script type="text/javascript">
function show_settings(){
   $.get("{{ base_url }}/core/user/", function(data){
       var settings = $("<div id='settings' title='User settings'>" + data + "</div>");
       settings.dialog({
       modal: "true",
       width: 650,
       maxHeight: 650,
       });
       settings.fadeIn("slow");
    });
}
</script>

<div id="sidebar"> 
  <div class="title">
    <h4>Extensions</h4>
  </div>
  {% if ext_list %}
    {% for ext in ext_list %}
  <a href="{{ base_url }}/{{ ext }}/">
    <div class="ext-icon">
      <img src="{{ base_url }}/img/{{ ext }}/icon.png" alt="{{ ext }}" />
    </div>
  </a>
    {% endfor %}
  {% endif %}
</div>
{% endblock %}

{% block content %}
{% endblock %}
